<template>
    <el-tabs type="border-card" @tab-click="handleTabClick" v-model="activeName">
        <el-tab-pane label="User" name="user">User</el-tab-pane>
        <el-tab-pane label="Config" name="Config">Config</el-tab-pane>
        <el-tab-pane label="Role" name="Role">Role</el-tab-pane>
        <el-tab-pane label="Task" name="Task">Task</el-tab-pane>
    </el-tabs>
</template>
<script setup lang="ts">
import { ref } from "vue";
let activeName = ref("user");
function handleTabClick(tab: any, event: any) {
    activeName.value = tab.paneName;
}
</script>
<style scoped>
</style>